<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>header</title>
	 <link rel="stylesheet" href="index.css">
</head>
<body>
	<div>
    <ul  class="head">  
        <li class="nav2">防灾科技学院GIS协会
        <li class="nav1"><a href="#about" id="join">申请加入</a></li>
        <li class="nav1"><a href="#contact">联系</a></li>
        <li class="nav1"><a href="#news">新闻</a></li>
        <li class="nav1"><a href="#home">主页</a></li>  
      </ul>
    </div>
    <div class="menu">
        <div class="menu-iteam">
            <a  class="menu-iteam-1"   href="#">新闻</a>
            <a  class="menu-iteam-2"   href="#">协会介绍</a >
            <a  class="menu-iteam-3"   href="#">会员风采</a >
            <a  class="menu-iteam-4"   href="#">作品展示</a >
            <a  class="menu-iteam-5"   href="#">图书资源</a >
            <div   class="effect"></div>
        </div>
</body>
</html>